<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="js/vue.js"></script> -->
    <script src="head.js"></script>
    <style>
        
    </style>
</head>
<body>
    <div class="kw-about-us box-top">
        <div class="kw-about-main">
            <div class="banner-about-us">
                <img src="img/about-us_02.jpg" alt="">
            </div>
            <dl>
                <dd class="abpart-01">
                    <h4>leading</h4>
                    <p>Founded in 2012, KingWear aims to become a creative and innovative group focusing on knowing our customers’ needs 
                        and leading the fashion trend for smart watches. After years’ hard work and continuous innovations, KingWear has 
                        became one of the leading competitors in the smart wearable industry.
                    </p>
                    <div class="abpart-01main">
                        <ul class="layui-row">
                            <li class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <img src="img/about-us_05.jpg" alt="">
                            </li>
                            <li class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <p>
                                    At present, the company owns more than 100 R&D engineers 
                                    with over 12 years R&D experience in the smart wearable industry, 
                                    we have been a professional technological hardware company integrating 
                                    independent R&D, manufacturing, sales and services.
                                </p>
                            </li>
                            <li class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <img src="img/about-us_07.jpg" alt="">
                            </li>
                            <li class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <p>
                                    We strive to receive customer’s satisfaction for our prominent quality 
                                    and affordable products. And we believe that high quality is the heart 
                                    of the enterprise. Good service and guaranteed quality are assured for 
                                    our customers.
                                </p>
                            </li>
                        </ul> 
                    </div>       
                </dd>
                <dd class="abpart-02">
                    <h4>video</h4>
                    <div class="video-box">
                        <video src="video/琦沃宣传片.mp4" controls="controls">
                        您的浏览器不支持 video 标签。
                        </video>
                    </div>
                </dd>
                <dd class="abpart-03">
                    <h4>Brand culture</h4>
                    <div class="brand-box">
                        <ul class="layui-row layui-col-space30">
                            <li class="layui-col-sm6 layui-col-xs12">
                                <div class="desc-box">
                                    <h5>Our Philosophy</h5>
                                    <p>More professional in products, more considerate to customers.</p>
                                </div> 
                                <div class="img-box">
                                    <img src="img/about-us_14.jpg" alt="">
                                </div>
                            </li>
                            <li class="layui-col-sm6 layui-col-xs12">
                                <div class="desc-box">
                                    <h5>Our Mission</h5>
                                    <p>Start a new smarter life for everyone.</p>
                                </div>
                                <div class="img-box">
                                    <img src="img/about-us_16.jpg" alt="">
                                </div>
                            </li>
                        </ul>
                    </div>
                </dd>
                <dd class="abpart-04">
                    <h4>Our Milestones</h4>
                    <div class="history">
                        <div class="time-event">
                            <div class="time-line"></div>
                            <div class="swiper-container" id="swiper-a">
                                <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2012</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear Intelligent Technology Co.,Ltd was founded.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2015</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear Saige factory shops held opening ceremony.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2015</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear moved to Baoneng Hi-Tech Industrial Park.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2016</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear participated in the Internet & Smart Wearable Summit.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2016</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear participated in the Industry - university - research Transparent & Product Launch Meeting.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2016</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear was invited to the China-Mexico Commerce Trade Cooperation Meeting.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2017</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear launched a collection of 3G GPS smartwatches and a collection of multifunctional waterproof fitness smartwach.</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <p class="point"></p>
                                    <h6 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">2018</h6>
                                    <div class="move-box ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <span>KingWear expanded our business lines to children’s smartwatches, elderly people’s smartwatches and smartband.</span>
                                    </div>
                                </div>
                                </div>
                                <div class="swiper-button-prev swiper-button-mine swiper-button-black"></div>
                                <div class="swiper-button-next swiper-button-mine swiper-button-black"></div>
                            </div>
                        </div>
                    </div>
                </dd>
                <dd class="abpart-05">
                    <h4>Our exhibition</h4>
                    <div class="team-main">
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-xs12 layui-col-sm6"><img src="img/about-us_24.jpg" alt=""></div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-xs6"><img src="img/about-us_21.jpg" alt=""></div>
                                        <div class="layui-col-xs6"><img src="img/about-us_23.jpg" alt=""></div>
                                        <div class="layui-col-xs12"><img src="img/about-us_29.jpg" alt=""></div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </dd>
                <dd class="abpart-06">
                    <h4>Our Team</h4>
                    <div class="team-main">
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-xs12 layui-col-sm6"><img src="img/about-us_36.jpg" alt=""></div>
                            <div class="layui-col-xs12 layui-col-sm6">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-xs6"><img src="img/about-us_33.jpg" alt=""></div>
                                        <div class="layui-col-xs6"><img src="img/about-us_35.jpg" alt=""></div>
                                        <div class="layui-col-xs12"><img src="img/about-us_40.jpg" alt=""></div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </dd>
                <dd class="abpart-07">
                    <h4>Our Certificate</h4>
                    <div class="cert-main">
                        <ul class="layui-row layui-col-space10">
                            <li><img src="img/about-us_45.jpg" alt=""></li>
                            <li><img src="img/about-us_47.jpg" alt=""></li>
                            <li><img src="img/about-us_49.jpg" alt=""></li>
                            <li><img src="img/about-us_51.jpg" alt=""></li>
                            <li><img src="img/about-us_53.jpg" alt=""></li>
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            var swiperA = new Swiper('#swiper-a', {
            // mousewheel: true,
            slidesPerView :'auto',
            // pagination: {
            //   el: '.swiper-pagination',
            //   clickable: true,
            // },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            slideToClickedSlide: true,
            centeredSlides : true,
            slidesPerView: 5,
            breakpoints: {
                1024: {
                slidesPerView: 4
                },
                768: {
                slidesPerView: 3
                },
                640: {
                slidesPerView: 2
                },
                320: {
                slidesPerView: 1
                //spaceBetween: 10,
                }
            },
            on:{
                init: function(){
                swiperAnimateCache(this); //隐藏动画元素 
                swiperAnimate(this); //初始化完成开始动画
                }, 
                slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                },
            }
            });   
        });
    </script>
    <script src="js/page-nav.js"></script>
    <script src="foot.js"></script>
</body>
</html>